<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/goods.css">
    <title>关于</title>
</head>
<body>
    <div class="head auto" >
        <a href=""><img src="img/logo.png" alt=""></a>
        <ul>
            <li><a href="about.html">关于<span></span></a></li>
            <li><a href="news.html">新闻<span></span></a></li>
            <li><a href="service.html">服务<span></span></a></li>
            <li><a href="goods.html">产品<span></span></a></li>
            <li><a href="Project.html">项目<span></span></a></li>
            <li><a href="index.html" class="shoye">产品<span></span></a></li>
        </ul>
    </div>
    <div class="banner auto">
        <div class="bar">
            <img src="img/product-banner.jpg" alt="">
        </div>
    </div>

    <div class="show auto">
               <div class="nav0">
                   <ul class="nav1">
                       <li>您的位置：项目 ></li>
                       <li class="li0">&nbsp;项目展示</li>
                   </ul>
           
                   <ul class="nav2">
                       <li style="margin-right: 0;"><a href="#deng">灯</a><div class="mask2"></div></li>
                       <span class="mask">|</span>
                    
                       <li><a href="#yigui">衣柜</a><div class="mask2"></div></li>
                       <span class="mask">|</span>
                       
                       <li><a href="#zhuoyi">桌椅</a><div class="mask2"></div></li>
                       <span class="mask">|</span>
                       <li><a href="#shafa">沙发</a><div class="mask2"></div></li>
                       <span class="mask">|</span>
                       
                       <li id="chuang"><a href="#chuang">床</a><div class="mask2"></div></li>
                   </ul>
               </div>


            <ul class="box">
                <li class="li1 top0"><img src="img/picture9.png" alt="">
                    <p class="p1">Marylebone公寓室内改造 上海</p>
                    <p class="p2">木隔墙创造出简约的生活空间</p>
                    
                </li>
                <!-- 遮罩层 -->
                <!-- <div class="mask"></div> -->
                <li class="li2 top0"><img src="img/picture10.png" alt="">
                    <p class="p1">月见棱廓 北京</p>
                    <p class="p2">舒适而注重情感交流的小住宅</p>
                   
                </li>
                <li class="li3 right0 top0"><img src="img/picture11.png" alt="">
                    <p class="p1">亭仔脚 台北</p>
                    <p class="p2">生活记忆的延续</p>
                   
                </li>
                <li class="li4"><img src="img/picture12.png" alt="">
                    <p class="p1">藏式民居改造 拉萨</p>
                    <p class="p2">兼顾藏族传统精神生活的现代住宅</p>
                   
                </li>
                <li class="li5"><img src="img/picture13.png" alt="">
                    <p class="p1">白虎头村老宅改造 北京</p>
                    <p class="p2">老宅，院落，远山</p>
                    
                </li>
                <li class="li6 right0"><img src="img/picture14.png" alt="">
                    <p class="p1">Florentine公寓 杭州</p>
                    <p class="p2">两种色调与两种氛围的居住空间</p>
                   
                </li>
            </ul>
    </div>
    <div class="topic1 auto">
        <div class="nav0">
            <ul class="nav1">
                <li>您的位置：项目 ></li>
                <li class="li0">&nbsp;项目展示</li>
            </ul>
    
            <ul class="nav2">
                <li style="margin-right: 0;"><a href="#deng">灯</a><div class="mask2"></div></li>
                <span class="mask">|</span>
             
                <li><a href="#yigui">衣柜</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li><a href="#zhuoyi">桌椅</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                <li id="shafa"><a href="#shafa">沙发</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li ><a href="#chuang">床</a><div class="mask2"></div></li>
            </ul>
        </div>

            <ul class="box">
                <li class="li1 top0"><img src="img/product-pocture1.png" alt="" class="top00">
                    <p class="p1">Olste办公空间 深圳</p>
                    <p class="p2">干净明亮的办公空间</p>
                 
                </li>   
                <!-- 遮罩层 -->
                <!-- <div class="mask"></div> -->
                <li class="li2 top0"><img src="img/product-pocture2.png" alt="">
                    <p class="p1">百分金融办公室 北京</p>
                    <p class="p2">从“私密”到“开放”</p>
                   
                </li>
                <li class="li3 right0 top0"><img src="img/product-pocture3.png" alt="">
                    <p class="p1">感物办公空间 杭州</p>
                    <p class="p2">我和我的森林性感受</p>
                    
                </li>
            </ul>
    </div>
    
    <div class="topic1 auto top2">
        <div class="nav0">
            <ul class="nav1">
                <li>您的位置：项目 ></li>
                <li class="li0">&nbsp;项目展示</li>
            </ul>
    
            <ul class="nav2">
                <li style="margin-right: 0;"><a href="#deng">灯</a><div class="mask2"></div></li>
                <span class="mask">|</span>
             
                <li><a href="#yigui">衣柜</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li id="zhuoyi"><a href="#zhuoyi">桌椅</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                <li><a href="#shafa">沙发</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li ><a href="#chuang">床</a><div class="mask2"></div></li>
            </ul>
        </div>

            <ul class="box">
                <li class="li1 top0"><img src="img/product-pocture4.png" alt="">
                    <p class="p1">肯德基西安大雁塔店 西安</p>
                    <p class="p2">以现代语言讲述古城历史文化</p>
                   
                </li>   
                <!-- 遮罩层 -->
                <!-- <div class="mask"></div> -->
                <li class="li2 top0"><img src="img/product-pocture5.png" alt="">
                    <p class="p1">La Palma餐厅 重庆 </p>
                    <p class="p2">将加州海滩元素融入意式餐厅</p>
                   
                </li>
                <li class="li3 right0 top0"><img src="img/product-pocture6.png" alt="">
                    <p class="p1">LUCKY PIGGY 杭州</p>
                    <p class="p2">亲和力满满的轻食餐厅</p>
                 
                </li>
            </ul>
    </div>
    </div>
    <div class="topic1 auto top3">
        <div class="nav0">
            <ul class="nav1">
                <li>您的位置：项目 ></li>
                <li class="li0">&nbsp;项目展示</li>
            </ul>
    
            <ul class="nav2">
                <li style="margin-right: 0;"><a href="#deng">灯</a><div class="mask2"></div></li>
                <span class="mask">|</span>
             
                <li id="yigui"><a href="#yigui">衣柜</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li><a href="#zhuoyi">桌椅</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                <li><a href="#shafa">沙发</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li ><a href="#chuang">床</a><div class="mask2"></div></li>
            </ul>
        </div>

            <ul class="box">
                <li class="li1 top0"><img src="img/product-pocture7.png" alt="">
                    <p class="p1">筑蹊生活主题书店 宁波</p>
                    <p class="p2">有机几何与循环路径的购书体验</p>
                  
                </li>   
                <!-- 遮罩层 -->
                <!-- <div class="mask"></div> -->
                <li class="li2 top0"><img src="img/product-pocture8.png" alt="">
                    <p class="p1">R FITNESS健身工作室 香港</p>
                    <p class="p2">由光定义的空间</p>
                   
                </li>
                <li class="li3 right0 top0"><img src="img/product-pocture9.png" alt="">
                    <p class="p1">月饼博物馆 乌兰察布</p>
                    <p class="p2">一个本地材料营造的低成本博物馆</p>
                   
                </li>
            </ul>
    
        </div>
    </div>

    <div class="topic1 auto top4">
        <div class="nav0">
            <ul class="nav1">
                <li>您的位置：项目 ></li>
                <li class="li0">&nbsp;项目展示</li>
            </ul>
    
            <ul class="nav2">
                <li style="margin-right: 0;" id="deng"><a href="#deng">灯</a><div class="mask2"></div></li>
                <span class="mask">|</span>
             
                <li><a href="#yigui">衣柜</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li><a href="#zhuoyi">桌椅</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                <li><a href="#shafa">沙发</a><div class="mask2"></div></li>
                <span class="mask">|</span>
                
                <li ><a href="#chuang">床</a><div class="mask2"></div></li>
            </ul>
        </div>

            <ul class="box">
                <li class="li1 top0"><img src="img/product-pocture10.png" alt="">
                    <p class="p1">筑蹊生活主题书店 宁波</p>
                    <p class="p2">有机几何与循环路径的购书体验</p>
                    
                </li>   
                <!-- 遮罩层 -->
                <!-- <div class="mask"></div> -->
                <li class="li2 top0"><img src="img/product-pocture11.png" alt="">
                    <p class="p1">R FITNESS健身工作室 香港</p>
                    <p class="p2">由光定义的空间</p>
                  
                </li>
                <li class="li3 right0 top0"><img src="img/product-pocture12.png" alt="">
                    <p class="p1">月饼博物馆 乌兰察布</p>
                    <p class="p2">一个本地材料营造的低成本博物馆</p>
                 
                </li>
            </ul>
    
        </div>
    </div>

    <div class="footer ">
        <div class="ftr">
            <dl class="box1">
                <dd class="dd0">简设装饰有限公司</dd>
                <dd><img src="img/logo2.png" alt=""><img src="img/logo3.png" alt=""><img src="img/logo4.png" alt=""></dd>
            </dl>
            <dl class="box2left">
                <dd class="dd0">地址：中国地区**分区6号写字楼888室</dd>
                <dd>电话：688-8888-008</dd>
                <dd>传真：000-66668888</dd>
            </dl>
            <dl class="box3left">
                <dd class="dd0">邮编：100000 </dd>
                <dd>手机：186-6006-8008</dd>
                <dd>邮箱：00060008@163.com</dd>
            </dl>
       </div>
    </div>
</body>
</html>